.myButtons{
  width: 180px;
  .myButton{
    &:nth-of-type(0){
      animation: mybuttons 1s;
    }
    &:nth-of-type(1){
      animation: mybuttons1 1s;
    }
    &:nth-of-type(2){
      animation: mybuttons2 1s;
    }
    &:nth-of-type(3){
      animation: mybuttons3 1s;
    }
  }
}
.ml75{
  margin-left: 65px;
}

@keyframes mybuttons {
  from {
    transform: translateY(-1rem) ;
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes mybuttons1 {
  from {
    transform: translateX(-1rem) ;
    opacity: 0;
  }
  to {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes mybuttons2 {
  from {
    transform: translateX(1rem) ;
    opacity: 0;
  }
  to {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes mybuttons3 {
  from {
    transform: translateY(1rem) ;
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}